<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
		<meta   http-equiv="Expires"   CONTENT="0">
		<meta   http-equiv="Cache-Control"   CONTENT="no-cache">
		<meta   http-equiv="Pragma"   CONTENT="no-cache">
		<link rel="shortcut icon" href="img/heard.ico">
		<title>闪电配音 - 专业极速配音服务</title>
		<link rel='stylesheet' href="css/dialog.css?v=optimize20180613" />
		<link rel="stylesheet" type="text/css" href="css/public.css?v=optimize20180613" />
		<link rel="stylesheet" type="text/css" href="css/index.css?v=optimize20180613" />
		<link rel="stylesheet" type="text/css" href="css/popup.css?v=optimize20180613" />
		<link rel="stylesheet" type="text/css" href="css/speeDdubbing.css?v=optimize20180613" />
		<script type="text/javascript" src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js?v=optimize20180613" /></script>
	</head>
	<body>
		<div class="transition"></div>
		<div class='headtip' style="top: -50px;">错误</div>
		<div class='headtip2' style="top: -50px;">错误</div>
		<div id="common-confirm-box" class="hide">
			<div class="dialog">
				<div class="dialog-head">
					<span class="header-text">彻底删除文件</span>
					<span class="close">
						<img src="img/public/close_03.png" alt="">
					</span>
				</div>
				<div class="dialog-body">即将彻底删除文件即将彻底删除文件即将彻底删除文件</div>
				<div class="dialog-foot">
					<a href="#" class="btn btn-ok">确认</a>
					<a href="#" class="btn btn-cancel close">取消</a>
				</div>
			</div>
		</div>
		<div id="header_wrap">
			<div id="header" class="clearfix relative">
				<div class="headerLeft left point">
					<a href="index.html" class="gotourl">
						<img src="img/topLogo (1).png"/>
						<img src="img/topLogo (2).png"/>
					</a>
				</div>
				<div class="headerRight right">
					<a href="javascript:;" class="header_item relative clickServer">
						<img src="img/headerRight (1).png" class="haveText"/>
						<span class="search_text">客服</span>
						<div class="boxShow server">
							<h4>扫一扫添加微信客服</h4>
							<img src="img/serverImg.png" alt="" />
							<div class="phoneServer btn">
								<img src="img/server (1).png" alt="" />
								<span>电话客服</span>
							</div>
							<div class="QQServer btn" onclick="javascript:window.open('http://wpa.qq.com/msgrd?v=3&uin=574823458&site=qq&menu=yes','_blank');">
								<img src="img/server (2).png" alt="" />
								<span>QQ客服</span>
							</div>
						</div>
					</a>
					<div class="info_logo header_item">
						<img src="img/headerRight (2).png"/>
					</div>
					<div class="user_img header_item relative">
						<div class="img-container">
							<img src="img/headerRight (3).png"/>
						</div>
						<div class="boxShow mine">
							<ul>
								<li class="font1">
									<span class="font">加载中</span>
								</li>
								<li class="line"></li>
								<li class="font2">
									<span class="font">基础版</span>
									<span class="font font3">升级</span>
								</li>
								<li class="font1 mineEmail">
									<span class="font">150927842@qq.com</span>
								</li>
								<li class="line"></li>
								<li class="hover point font5">
									<span class="font">账号设置</span>
								</li>
								<li class="line"></li>
								 <li class="hover point font5">
					                <span class="font">意见反馈</span>
					              </li>
								<li class="hover point font5">
									<span class="font">分享音频</span>
								</li>
								<li class="hover point font5">
									<span class="font">推荐主播</span>
								</li>
								<li class="hover point font5">
									<span class="font">使用帮助</span>
								</li>
								<li class="line"></li>
								<li class="hover point font5 logout">
									<span class="font">退出登录</span>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class='content_midle'></div>
		<div id="content_wrap">
			<div class="inner">
				<div id="content" class="clearfix">
					<div class="contentLeft left">
						<div class="black_div" style="background-color: #41464b;color: #fff;">
							<span>开始</span>
							<div class="begin" style="width: 120px; height: 150px; left: -15px;">
								<a class="mydiv" id="myemail" href="#">
									<img src="img/icon-link.png" alt="">
									<span>填入网址</span>
								</a>
								<a class="mydiv" id="myfile" href="#">
									<img src="img/icon-upload.png" alt="">
									<span>上传文档</span>
								</a>
								<div class="myline"></div>
								<a class="mydiv gotourl" id="inputText" href="./speeDdubbing.html">
									<img src="img/icon-book.png" alt="">
									<span>输入文字</span>
								</a>
							</div>
						</div>
						<ul class="left_list" style="margin-top: 50px;">
							<li>
								<a href="index.html" class="voice gotourl active">
									<div>
										<!-- <img src="img/icon-voice2.png"/> -->
									</div>
									<span>配音服务</span>
								</a>
							</li>
							<li>
								<a href="order.html" class="order gotourl">
									<div>
										<!-- <img src="img/icon-text2.png"/> -->
									</div>
									<span>我的订单</span>
								</a>
							</li>
							<li>
								<a href="./achor.html" class="search gotourl">
									<div>
										<!-- <img src="img/icon-search2.png"/> -->
									</div>
									<span>发现主播</span>
								</a>
							</li>
							<li class="setLike">
								<a href="index.html?type=2" class="setting gotourl">
									<div>
										<!-- <img src="img/icon-setting2.png"/> -->
									</div>
									<span>设置偏好</span>
								</a>
							</li>
						</ul>
						<div class="left_nav_title">签约客户</div>
						<ul class="left_list">
							<li>
								<a href="javascript:;" class="mark">
									<div>
										<!-- <img src="img/icon-mark2.png"/> -->
									</div>
									<span>收藏主播</span>
								</a>
							</li>
							<li>
								<a href="recharge.html" class="money gotourl">
									<div>
										<!-- <img src="img/icon-money2.png"/> -->
									</div>
									<span>充值套餐</span>
								</a>
							</li>
						</ul>
					</div>
					<div class="services_content">
						<!--收藏导航栏-->
						<div class='service_head'>
							<div id="right-nav">
								<div class="px12 mode-text">
									极速
								</div>
								<div class="line"></div>
								<div class='absolute service_h_talk px12' style="display: none;">即将上线</div>
								<ul>
									<li class="service_option" data-type="1" data-mod="极速配音">
										<p class="service_icon"></p>
									</li>
									<li class="service_option" data-type="3" data-mod="预约配音">
										<p class="icon_yue"></p>
									</li>
									<li class="service_option" data-type="4" data-mod="签约配音">
										<p class="icon_qian"></p>
									</li>
									<li class="service_option disabled">
										<!--<a href="./empty.html?type=5">-->
										<p class="icon_time"></p>
										<!--</a>-->
									</li>
									<li class="service_option disabled">
										<!--<a href="./empty.html?type=6">-->
										<p class="icon_duo"></p>
										<!--</a>-->
									</li>
									<li class="service_option disabled">
										<!--<a href="./empty.html?type=7">-->
										<p class="icon_duan"></p>
										<!--</a>-->
									</li>
									<li class="service_option disabled">
										<!--<a href="./empty.html?type=8">-->
										<p class="icon_book"></p>
										<!--</a>-->
									</li>
									<li class="service_option disabled">
										<!--<a href="./empty.html?type=9">-->
										<p class="icon_nei"></p>
										<!--</a>-->
									</li>
									<li class="service_option disabled">
										<!--<a href="./empty.html?type=10">-->
										<p class="icon_ke"></p>
										<!--</a>-->
									</li>
									<li class="service_option disabled">
										<!--<a href="./empty.html?type=11">-->
										<p class="icon_shi"></p>
										<!--</a>-->
									</li>
									<li class="service_option disabled">
										<!--<a href="./empty.html?type=12">-->
										<p class="icon_ming"></p>
										<!--</a>-->
									</li>
									<li class="service_option disabled">
										<!--<a href="./empty.html?type=13">-->
										<p class="icon_wai"></p>
										<!--</a>-->
									</li>
								</ul>
							</div>
							<div class="inner">
								<div class="black_div1">
									<span>快速导入</span>
									<span class='public_dow' style="position: absolute;top: 12px; right: -3px;"></span>
									<div class="begin1">
										<a class="mydiv" id="myemail1" href="#">
											<!-- <img src="img/icon-link.png" alt=""> -->
											<span>填入网址</span>
										</a>
										<a class="mydiv" id="myfile1" href="#">
											<!-- <img src="img/icon-upload.png" alt=""> -->
											<span>上传文档</span>
										</a>
									</div>
								</div>
								<div class='service_splite splite  left'></div>
								<div class='service_h_quick clearfix left cursor relative hide'>
									<div class="inner hover-show-tip" data-tip="切换配音模式">
										<a href = 'javascript:;' class=' px12 line28 col4c5257' id='voice' data-type="1">极速配音</a>
										<span class='public_dow' id='services_down'></span>
									</div>
									<div class='splite left'></div>
									<div class='service_h_option absolute hide'>
										<div class='service_h_jian absolute'></div>
										<div class='absolute service_h_talk px12' style="display: none;">即将上线</div>
										<ul class='service_talk_wrap'>
											<li class="service_option clearfix" data-type="1">
												<p class='service_icon left'></p>
												<span class='px12 left'>极速配音</span>
											</li>
											<li class="service_option clearfix" data-type="3">
												<p class='icon_yue left'></p>
												<span class='px12 left'>预约配音</span>
											</li>
											<li class="service_option clearfix" data-type="4">
												<!--<a href="./empty.html?type=5" class="gotourl">-->
													<p class='icon_qian left'></p>
													<span class='px12 left'>签约配音</span>
												<!--</a>-->
											</li>
											<li class="service_option clearfix disabled">
												<!--<a href="./empty.html?type=5" class="gotourl">-->
													<p class='icon_time left'></p>
													<span class='px12 left'>自选配音</span>
												<!--</a>-->
											</li>
											<li class="service_option clearfix disabled">
												<!--<a href="./empty.html?type=6" class="gotourl">-->
													<p class='icon_duo left'></p>
													<span class='px12 left'>多人合配</span>
												<!--</a>-->
											</li>
											<li class="service_option clearfix disabled">
												<!--<a href="./empty.html?type=7" class="gotourl">-->
													<p class='icon_duan left'></p>
													<span class='px12 left'>短视频</span>
												<!--</a>-->
											</li>
											<li class="service_option clearfix disabled">
												<!--<a href="./empty.html?type=8" class="gotourl">-->
													<p class='icon_book left'></p>
													<span class='px12 left'>有声书</span>
												<!--</a>-->
											</li>
											<li class="service_option clearfix disabled">
												<!--<a href="./empty.html?type=9" class="gotourl">-->
													<p class='icon_nei left'></p>
													<span class='px12 left'>内容专栏</span>
												<!--</a>-->
											</li>
											<li class="service_option clearfix disabled">
												<!--<a href="./empty.html?type=10" class="gotourl">-->
													<p class='icon_ke left'></p>
													<span class='px12 left'>课件</span>
												<!--</a>-->
											</li>
											<li class="service_option clearfix disabled">
												<!--<a href="./empty.html?type=11" class="gotourl">-->
													<p class='icon_shi left'></p>
													<span class='px12 left'>诗歌</span>
												<!--</a>-->
											</li>
											<li class="service_option clearfix disabled">
												<!--<a href="./empty.html?type=12" class="gotourl">-->
													<p class='icon_ming left'></p>
													<span class='px12 left'>名人配音</span>
												<!--</a>-->
											</li>
											<li class="service_option clearfix disabled">
												<!--<a href="./empty.html?type=13" class="gotourl">-->
													<p class='icon_wai left'></p>
													<span class='px12 left'>外语</span>
												<!--</a>-->
											</li>
										</ul>
									</div>
								</div>
								<div class='service_h_sox left px12'>
									<a href = 'javascript:;' class='service_h_sox_word px12 left line28 col4c5257'>主播性别</a>
									<div class='left gender_wrapper pointer'>
										<label for="gender_all" class="hover-show-tip" data-tip="男女主播均可">
											<input type="radio" name="gender" id="gender_all" value="0" checked>
											<span>全</span>
										</label>
										<label for="gender_male" class="hover-show-tip" data-tip="仅男主播接单" >
											<input type="radio" name="gender" id="gender_male" value="1">
											<span id="man">男</span>
										</label>
										<label for="gender_female" class="hover-show-tip" data-tip="仅女主播接单">
											<input type="radio" name="gender" id="gender_female" value="2">
											<span id="women">女</span>
										</label>
									</div>
								</div>
								<div class='service_splite splite  left'></div>
								<div class='px12 left speed_wrapper'>
									<a href = 'javascript:;' class='px12 left line28 col4c5257'>语速期望</a>
									<div class="inner pointer">
										<div class="switch"></div>
										<label for="speed_normal" class="hover-show-tip" data-tip="默认主播正常语速">
											<input type="radio" name="speed" id="speed_normal" value="0" checked>
											<span>正常</span>
										</label>
										<label for="speed_fase" class="hover-show-tip" data-tip="要求主播语速偏快">
											<input type="radio" name="speed" id="speed_fase" value="1">
											<span>快</span>
										</label>
										<label for="speed_slow" class="hover-show-tip" data-tip="要求主播语速偏慢">
												<input type="radio" name="speed" id="speed_slow" value="2">
												<span>慢</span>
										</label>
									</div>
								</div>
								<div class="splite left"></div>
								<div id="broacast-type" class="left">
									<div class="inner hover-show-tip" data-tip="期望主播擅长风格 / 不影响价格">
										<a href = 'javascript:;' class='service_lisen px12 line28 col4c5257' data-type="0">讲述播报</a>
										<div class='public_dow' id='lisen_down'></div>
									</div>
									<div class='splite left'></div>
									<div id="broadcast-type-select" class="hide">
										<div class="option" data-value="0" selected>讲述播报</div>
										<div class="option" data-value="1">情感播报</div>
										<div class="option" data-value="2">综艺播报</div>
										<div class="option" data-value="3">新闻播报</div>
										<div class="option" data-value="4">英文播报</div>
									</div>
								</div>
								<div class='left hoverBorder bg-music hover-show-tip' data-tip="为音频增加 BGM 后期">
									<span class="service_muscle left"></span>
									<p id="selShowHide" class="left px12 hide" style="margin-top: 6px">已选：</p>
									<a id="upSelA" href = 'javascript:;' class='service_muscle_bg px12 left line28 col4c5257' style="width: 120px;">上传 / 挑选背景音乐</a>
									<div id="new" class="fl"></div>
									<span id="cloShowHide" class="hide right hover-show-tip" data-tip="删除该背景音乐"></span>
								</div>
								<div class='left splite'></div>
								<div class='left bg-rule hoverBorder hover-show-tip' data-tip="常用播音稿模板 / 案例" style="margin-right: 0">
									<span class="service_muscle_up left"></span>
									<a href = 'javascript:;' class='service_muscle_bg px12 left line28 col4c5257'>播音话术规范</a>
									<div class='public_dow left' id='servce_standard'></div>
								</div>
							</div>
						</div>
						<!--主体-->
						<div class='service_wrap'>
							<div class="service_wrap_inner">
								<div id="document-wrapper">
									<div class="header clearfix">
										<input id="document-title" type="text" placeholder="请在这里输入标题" class="fl" style="width: 80%;">
										<div class="fr cursor on hide">
											<p class="fl cursor" style="user-select: none;">标题必须朗读</p>
											<img class="fl" src="img/talk.png" alt="">
										</div>
									</div>
									<div class="content">
										<div class="text-wrapper" contenteditable="true" placeholder="从这里输入配音正文"></div>
									</div>
								</div>
								<!-- <textarea rows="3" cols="20">
								</textarea>-->
							</div>
						</div>
						<!--底部-->
					</div>
				</div>
			</div>
		</div>
		<!-- <div id="fix">
			<div class="fix-top">
				反馈
			</div>
			<div class="fix-bottom">
				帮助
			</div>
		</div> -->
		<footer id='footer'>
			<div class='footer_wrap auto clearfix line_73 px14'>
				<div class='footer_auther center left relative pointer'>
					<span id='footer_auther_check' data-lv=7>优质主播</span>
					<div class='footer_down public_dow absolute cursor'></div>
					<ul class='footer_auther_li absolute line44 hide'>
						<li class='footer_auther_lis border_f0 clearfix'>
							<div class='footer_li_name left footer_yes' data-lv=7></div>
							<p class='zhubo px12 col343434 left'>优质主播</p>
							<p class='footer_li_tui px12 cold4d4d4 left'>推荐</p>
							<p class='px12 colff4330 left price_text'>2元 / 100字</p>
						</li>
						<li class='footer_auther_lis border_f0 clearfix'>
							<div class='footer_li_name left' data-lv=6 ></div>
							<p class='zhubo px12 col343434 left'>知名主播</p>
							<img src='img/service/service_red.png' class='footer_pro left'>
							<p class='px12 colff4330 left price_text'>5元 / 100字</p>
						</li>
						<li class='footer_auther_lis clearfix'>
							<div class='footer_li_name left' data-lv=5></div>
							<p class='zhubo px12 col343434 left'>顶级主播</p>
							<img src='img/service/service_top.png' class='left footer_pro'>
							<p class='px12 colff4330 left price_text'>10元 / 100字</p>
							<div class='service_jian absolute '></div>
						</li>
					</ul>
				</div>
				<div id="collect_wrap" style="display: none">
					<span>签约主播</span>
				</div>
				<span class='left'>
					<strong class='footer_word_num  left' >0</strong>
					<span class='left col595f64'>字</span>
				</span>
				<span class='left'>
					<img src='img/service/footer_time.png' class='footer_time left'>
					<span class='left footer_time_num_wrapper'>耗时<strong class='footer_time_num'>0</strong>分钟</span>
					<span class='footer_time_d colff4330'>(按字数自动计时)</span>
				</span>
				<div class='left' id='quick'>
					<input type='checkbox' class='footer_checked left checkbox-simulator pointer' id="quik-btn">
					<label class='left px14 pointer' for="quik-btn">加急</label>
				</div>
				<div class="left none" id="custom-time">
					<span>自定义时间</span>
				</div>
				<div class="left none" id="lastTime">
					<span>（最晚下单后 5 小时内）</span>
				</div>
				<div class="left none" id="expire">
					<img src='img/expire.png' class='footer_time left' style="margin-left: 20px">
					<span class="left">合约到期：2019-01-01</span>
				</div>
				<div class='foot-left left' id="floatN">

					<span class='left footer_check_me'>自选主播
						<div id="optional-select" class="clearfix">
						<span style="font-size: 12px; color: #FF260F;">
							开启后
						</span>
						<span style="font-size: 12px; color: #151515;">
							选择你喜欢的主播
						</span>
					</div>
					</span>
					<input type="checkbox" id="checkbox_c1" class="chk_3" disabled/>
					<!-- <label for="checkbox_c1"></label> -->
					<label class="noti-config-switch sm-switch pointer" for="checkbox_c1">
						<div class="groove"></div>
						<div class="stick"></div>
					</label>
				</div>
				<!-- 总计浮框 -->
				<div class='footer_btns right'>
					<div class="tip-info hide">预约优惠 20%</div>
					<div class="total-info clearfix">
						<div class="total-item">
							<span>共计:</span>
							<span>￥</span>
							<span class="total-price">0</span>
						</div>
						<div class="total-item">
							<span>基础:</span>
							<span>+ ￥</span>
							<span class="basic-price">0</span>
						</div>
						<div class="total-item">
							<div>
								<span>加急:</span>
								<span>+ ￥</span>
								<span class="urgent-price">0</span>
							</div>
							<div>
								<span>自选:</span>
								<span>+ ￥</span>
								<span class="origin-price">0</span>
							</div>
							<div>
								<span>背景音:</span>
								<span>+ ￥</span>
								<span class="bg-music-price">0</span>
							</div>
						</div>
						<div class="total-item">
							<span>预约（-20%）</span>
							<span>- ￥</span>
							<span class="subscribe-price">0</span>
						</div>
					</div>
					<div id="fiveContent" class="clearfix hide">
						<p class="fl">最低按 500 字起收费</p>
						<div id="sub" class="fl">继续</div>
					</div>
					<div class='left center footer_rmb'>￥ 0 <span>＞</span></div>
					<div class='left center px14 footer_rmb_right cursor'>立即下单</div>
				</div>
			</div>
		</footer>

		<!--支付弹框-->
		<div class='hide mask_speed' id="mask_speed">
			<div class='mask_speed_cont absolute'>
				<div class='mask_cont_head px17 relative center line48'>
					<i id="pay_back">
						<img src="./img/optional/left.gif" style="height: 13px;">
					</i>
					<span>支付成功</span>
					<div class='absolute mask_close' id="mask_close" style="z-index: 999"></div>
				</div>
				<div class='center line31 clearfix'>
					<span class='order_head mask_older_deep px12 left col585858 frist'>确认订单</span>
					<span class='mask_title_deep left'></span>
					<span class='order_head px12 left colacacac'>付款</span>
					<span class='mask_title_deep left ischose'></span>
					<span class='order_head px12 left colacacac ischose'>选择主播</span>
					<span class='mask_title_deep left'></span>
					<span class='order_head px12 left colacacac final'>等待音频交付</span>
				</div>
				<div class='mask_footer'>
					<!--支付第一步-->
					<div class='mask_pay_one hide'>
						<div class='mask_footer_t colbababa px12 line35'>订单类型</div>
						<div class='clearfix'>
							<div class='mask_footer_type left mar10 mask_bor_bg'>
								<p class='px14 line18 '>普通用户</p>
								<p class='px12 '>实时优选主播</p>
							</div>
							<div class='mask_footer_type left vip'>
								<p class='px14 line18'>高级用户</p>
								<p class='px12'>指定主播服务</p>
							</div>
						</div>
						<div class='px12 colbababa line31'>接收音频邮箱</div>
						<div class='mask_footer_e relative px12 line33'>
							<input type="text" id="mask_email" class="hide">
							<span></span>
							<a href='javascript:;' class='modify col73a4ea px12  line33 right'>修改</a>
						</div>
						<div class='px12 colbababa line31'>支付方式</div>
						<div class='clearfix'>
							<div class='mask_footer_pay left mar10 mask_bor_bg'>
								<img src='img/public/pay_13.png' class='left'>
								<span class='payfor px12 colbababa line36'>微信支付</span>
							</div>
							<div class='mask_footer_pay left alipay'>
								<img src='img/public/pay_14.png' class='left'>
								<span class='payfor px12 colbababa line36'>支付宝</span>
							</div>
						</div>
						<div class=' clearfix mask_footer_f'>
							<!-- <div class='left'>
								<span class='px12 colbababa left'>总计：</span>
								<strong class='left px12' id="mask_money_count">￥145.00</strong>
							</div> -->
						<div class="left mask_footer_b px12">
							<label>
								<input type="checkbox" class="checkbox-simulator left" style="margin-left: -7px;" id="disabled" />
								<!-- <div class="left common-checkbox-container">
									<input type="checkbox">
									<div class="checbox-sim"></div>
								</div> -->
								<span class="left colbababa">账户余额：</span>
								<strong class="left mask_footer_balance"></strong>
							</label>
						</div>
							<div class='right clearfix' style="margin-right: -14px;">
								<a href="./recharge.html" target="_blank" class="clearfix pointer">
									<!-- <span class='px12 colbababa left'>充值余额本单最多可节省<strong class='colff2610' id="mask_discount"> 35.00 </strong>元</span> -->
									<span class='px12 colbababa left'>
										点击充值
									</span>
									<span class='mask_pay_deep left' style="margin-right: 15px;"></span>
								</a>
							</div>
						</div>
						<div class="mask_total_m clearfix">
							<div class="origin-container">
								<span class="px12 colbababa left">原价：</span>
								<span class="px12 left colbababa" id="mask_money_origin" style="text-decoration: line-through;">￥ 450</span>
								<span class="tip px12 left colff2610" style="margin-left: 5px;">(优惠享 7 折)</span>
							</div>
							<div class="total-container right">
								<span class='px12 colbababa left'>总计：</span>
								<strong class='left px12' id="mask_money_count">￥999.00</strong>
							</div>
						</div>
						<!-- <div class='mask_btn px12'>确认下单</div> -->
						<input type="button" value="确认下单" class="mask_btn px12" style="border: none;border-radius: 0">
					</div>

					<!--支付二维码-->
					<div class='mask_pay_two hide'>
						<div class='mask_pay_list clearfix center'>
							<img src='img/public/pay_13.png' class='left' />
							<span class='px12 colacacac line31 left'>请用微信扫码完成支付</span>
							<!--<span class='px12 colacacac left line31'>请用支付宝扫码完成支付</span>-->
						</div>
						<div id='paycode'>
							<!-- <img src='img/public/code.png' class='left'/> -->
							<img src='' class='left' style="margin: 35px 104px 35px 79px;"/>
						</div>
						<div class='center px12 line18' >扫码支付后，如果没有自动跳转</div>
						<div class='px12 col8ab2ed center line18 curso'>请点这里</div>
					</div>

					<!-- 通知主播 -->
					<div class="being-notified">
						<div class="being-notified-content">
							<span style="font-size: 12px;">已通知</span>
							<span id="notice-num">
								0
							</span>
							<span style="font-size: 14px;">位主播</span>
						</div>
						<div style="text-align: center;">
							正在持续通知更多主播...
						</div>
					</div>

					<!--支付 主播列表-->
					<div class='mask_pay_select hide'>
						 <div id="process-bar">
						 	<span id='process-num'>60s</span>
						 </div>
						<div class="anchors-list-type">
							<span onclick="payProcess.anchorList(0)" class="list-type-active">默认排序</span>
							<span onclick="payProcess.anchorList(1)">服务次数</span>
							<span onclick="payProcess.anchorList(2)">评分</span>
						</div>
						<div class="anchors-list-content">
						</div>
						<input type="button" value="确认下单" class="select-anchor-btn px12" style="border: none;border-radius: 0'" onclick='payProcess.confirmAnchor()'>
					</div>

					<!--支付 等待音频交付-->
					<div class='mask_pay_three hide'>
						<div class='mask_finish'>
							<img src='img/public/finish.png' class='center'/>
							<p class='center px14 colacacac line18 ok_info'>下单成功</p>
						</div>

						<div class="ishose1" style="display: none;">
							<div class="select-info">
								<span class="info-tap">
									<div class="info-tap-box">优选</div>
									<div>
										<img src="./img/optional/stars.png" alt="">
										<span id="selectInfo-scorenum" style="color:  #d43834;"></span>
									</div>
								</span>
								<span class="info-sex"></span>
								<span class="info-name">
									<div id="info-username" style="font-weight: 700;"></div>
									<div style="font-size: 12px;">
										服务
										<span id="info-ordertime" style="color: #d43834"></span>次数
									</div>
								</span>
								<span class="info-tag" style="color: #bbb;">

								</span>
							</div>
							<div>
								<div class='clearfix'>
									<a class='three_know left' href="order.html">知道了</a>
									<a href='order.html'>
										<p class='three_order left'>查看我的订单</p>
									</a>
								</div>
								<div class='center px14 colacacac line44' style="font-size: 11px;">音频将发送至您指定的邮箱  也可以在我的订单中下载。</div>
							</div>
							<div style="font-size: 11px;margin: 0 auto;width: 300px;">
								<img src="img/the-lock.png" alt="" class="left" style="height: 20px; width: 20px;vertical-align: middle; margin: -3px 5px 0 2px;">
								<p class="left">加入音频版权保护计划</p>
								<input type="checkbox" id="payEnd" class="chk_3" checked>
								<label class="noti-config-switch1 sm-switch1 pointer" for="payEnd" style="margin:-5px 12px 0 0;float: right">
									<div class="groove1"></div>
									<div class="stick1"></div>
								</label>
							</div>
						</div>

						<div class="ishose0">
							<div class="mask_content">
								<img src="img/the-lock.png" alt="" class="left">
								<p class="left">加入音频版权保护计划</p>
								<input type="checkbox" id="payEnd" class="chk_3" checked>
								<label class="noti-config-switch1 sm-switch1 pointer" for="payEnd" style="margin:0;float: right">
									<div class="groove1"></div>
									<div class="stick1"></div>
								</label>
							</div>
							<div class='mask_three_footer'>
								<div class='center px14 colacacac line44'>音频将发送至您指定的邮箱  也可以在我的订单中下载。</div>
								<div class='clearfix'>
									<a class='three_know left' href="order.html">知道了</a>
									<a href='order.html'>
										<p class='three_order left'>查看我的订单</p>
									</a>
								</div>
							</div>
						</div>


						<!-- <div class="mask_content">
							<img src="img/the-lock.png" alt="" class="left">
							<p class="left">加入音频版权保护计划</p>
							<input type="checkbox" id="payEnd" class="chk_3" checked>
							<label class="noti-config-switch1 sm-switch1 pointer" for="payEnd" style="margin:0;float: right">
								<div class="groove1"></div>
								<div class="stick1"></div>
							</label>
						</div>
						<div class='mask_three_footer'>
							<div class='center px12 colacacac line44'>音频将发送至您指定的邮箱  也可以在我的订单中下载。</div>
							<div class='clearfix'>
								<a class='three_know left' href="order.html">知道了</a>
								<a href='order.html'>
									<p class='three_order left'>查看我的订单
									</p>
								</a>
							</div>
						</div> -->


					</div>

					<!-- 无主播 -->
					<div class='no-one-accept'>
						<div class='mask_finish'>
							<img src='./img/optional/wait.png' class='center'/>
							<p class='center  line18'>
								此时段主播全忙，待会再试试 ~
							</p>
						</div>
						<div class="mask_content" style="padding: 14px 85px 0 85px;">
							<p class="center">
								系统自动将支付款项返回原账户
							</p>
						</div>
						<div class='mask_three_footer' style="padding-top: 25px;">
							<div class='clearfix'>
								<a class='three_know left' href="order.html">
									查看我的订单
								</a>
								<a href='speeDdubbing.html'>
									<p class='three_order left'>
										试试极速配音
									</p>
								</a>
							</div>
						</div>
					</div>

				</div>
			</div>
		</div>

		<div class="popup2 hide" id="time-selector">
			<div class="cover close"></div>
			<div class="inner">
				<div class="header">
					<div class="title">自定义交付时间</div>
					<a class="close" href="#">
						<img src="img/public/close_03.png" alt="">
					</a>
				</div>
				<div class="body">
					<div class="info">时间越充分品质越高，非紧急情况推荐使用预约模式下单。</div>
					<div class="time-wrapper">
						<div class="day-wrapper select-wrapper">
							<div class="container">
								<span>今天</span>
								<div class="public_dow"></div>
							</div>
							<div class="list-wrapper hide">
								<ul class="list">
									<li>今天</li>
									<li>明天</li>
									<li>后天</li>
								</ul>
							</div>
						</div>
						<div class="line"></div>
						<div class="hour-wrapper select-wrapper">
							<div class="container">
								<span>21</span>
								<div class="public_dow"></div>
							</div>
							<div class="list-wrapper hide">
									<ul class="list">
										<li>今天</li>
										<li>明天</li>
										<li>后天</li>
									</ul>
								</div>
						</div>
						<div class="word">时</div>
						<div class="minute-wrapper select-wrapper">
							<div class="container">
								<span>11</span>
								<div class="public_dow"></div>
							</div>
							<div class="list-wrapper hide">
									<ul class="list">
										<li>今天</li>
										<li>明天</li>
										<li>后天</li>
									</ul>
								</div>
						</div>
						<div class="word">分</div>
					</div>
				</div>
				<div class="footer">
					<div class="tip">预约享受价格优惠，至少设置 3 小时 + 后</div>
					<a href="#" class="btn btn-confirm">确认</a>
				</div>
			</div>
		</div>
		<!--左上开始-->
		<div class="mask_wrap hide">
			<div class="mask_cout">
				<div class="mask_w hide">
					<div class="mask_w_head clearfix">
						<a href="javascript:;" class='mask_t_l mask_bor fl'>网址获取</a>
						<a href="javascript:;" class='mask_t_r fl'>上传文档</a>
						<div class="mask_c_close fr cursor"></div>
					</div>
					<div class="mask_line"></div>
					<input type='text' class="mask_midle_inp" placeholder="请ctrl+v粘贴网址自动获取原文本极速发单">
					<div class="mask_word">支持微信公众号、石墨、简书，输入文章网址自动去生图生成配音稿</div>
					<div class="mask_c_btn cursor">点击获取</div>
				</div>
				<div class="mask_up hide">
					<div class="mask_w_head clearfix">
						<a href="javascript:;" class='mask_t_l fl'>网址获取</a>
						<a href="javascript:;" class='mask_t_r mask_bor fl'>上传文档</a>
						<div class="mask_c_close fr cursor"></div>
					</div>
					<div class="mask_line"></div>
					<div class="mask_midle col_bgf5">
						<input id='upload-word' type="file" accept="application/vnd.openxmlformats-officedocument.wordprocessingml.document">
						<span class="mask_m_up fl"></span>
						<span class="fl mask_upload_text">选择您要配音的文本文件</span>
						<span class="fr cursor" id='mask_up_file'>点击上传</span>
					</div>
					<div class="mask_word">目前仅支持WORD文档docx格式 上传后获取文本内容 不支持文档有表格等样式</div>
					<div class="mask_c_btn cursor">点击获取</div>
				</div>
			</div>
		</div>
		<!-- 切换主体弹窗 -->
		<div class="popup popup-change-press large hide" id="popup-change-press">
			<div class="inner">
				<div class="header">
					<span class="title">选择发稿主体</span>
					<a href="#" class="close">
						<img src="img/public/close_03.png" alt="">
					</a>
				</div>
				<div class="body">
					<ul class="press-list">
						<li class="press-wrapper" data-id="dsfdafs">
							<div class="press-head">
								<img src="img/img(12).png" alt="">
							</div>
							<div class="press-body">
								<div class="press-title">创业家</div>
								<div class="press-info">创业家创业家创业家创业家创业家创业家</div>
							</div>
						</li>
						<li class="press-wrapper" data-id="dafadf">
							<div class="press-head">
								<img src="img/img(12).png" alt="">
							</div>
							<div class="press-body">
								<div class="press-title">创业家</div>
								<div class="press-info">创业家创业家创业家创业家创业家创业家</div>
							</div>
						</li>
						<li class="press-wrapper" data-id="dafdfsf">
							<div class="press-head">
								<img src="img/img(12).png" alt="">
							</div>
							<div class="press-body">
								<div class="press-title">创业家</div>
								<div class="press-info">创业家创业家创业家创业家创业家创业家</div>
							</div>
						</li>
					</ul>
				</div>
				<div class="content">
					<a href="setting.html?type=1">点击这里</a>添加 / 编辑主体; 也可以为主体<a href="index.html?type=2">设置偏好</a>方便更快发单
				</div>
				<div class="popup-footer type2">
					<span class="tip"></span>
					<a href="#" class="btn btn-confirm">确认</a>
				</div>
			</div>
		</div>
		<!-- 分享音频等弹窗 -->
		<div class="popup2 popup-programs hide">
			<div class="cover close"></div>
			<div class="inner">
				<div class="header">
					<div class="nav">
						<div class="active qr" data-type='1'>分享音频</div>
						<div class="listen" data-type='2'>付费收听</div>
						<div class="wx" data-type='3'>小程序</div>
					</div>
					<div class="close">
						<img src="./img/public/close_03.png" alt="">
					</div>
				</div>
				<div class="body">
					<div class="program hide listen" data-type="2">
						<img src="./img/lock.png" alt="">
						<div class="title">即将上线，尽情期待</div>
						<div class="tip">允许你创建专栏对音频进行付费收听 所有费用的90%归你</div>
					</div>
					<div class="program wx hide" data-type="3">
						<img src="./img/wx-program.png" alt="">
						<div class="title">即将上线，尽情期待</div>
						<div class="tip">允许你创建基于微信的FM音频小程序，推荐公众号使用。</div>
					</div>
					<div class="program qr" data-type="1">
						<img src="./img/wx-program.png" alt="">
						<div class="title">用微信"扫一扫"二维码</div>
						<div class="tip">分享您的音频给微信好友或朋友圈供他们收听</div>
					</div>
				</div>
			</div>
		</div>
		<!--500字tip-->
		<!--罩子-->
		<div id="allWrap"></div>
		<!--签约单下单弹版-->
		<div class='mask_speed hide' id="signTemplate">
			<div class='mask_speed_cont absolute' style="z-index: 112">
				<div class='mask_cont_head px17 relative center line48'>
					<strong>指派订单</strong>
					<div class='absolute mask_close' id="sign_close" style="z-index: 999"></div>
				</div>
				<div class='center line31 clearfix'>
					<span class='order_head mask_older_deep px12 left col585858 sign_frist'>确认订单</span>
					<span class='mask_title_deep left'></span>
					<span class='order_head px12 left colacacac'>派单</span>
					<span class='mask_title_deep left'></span>
					<span class='order_head px12 left colacacac'>等待音频交付</span>
				</div>
				<div class='mask_footer'>
					<!--支付第一步-->
					<div class=' mask_pay_one'>
						<div class='mask_footer_t colbababa px12 line35'>订单类型</div>
						<div class='clearfix'>
							<div class='sign_type'>
								<p class='px14 line18'>高级用户</p>
								<p class='px12'>指定主播服务</p>
							</div>
						</div>
						<div class='px12 colbababa line31'>接收音频邮箱</div>
						<div class='sign_e'>
							<input type="text" class="hide sign_email">
							<span></span>
							<a href='javascript:;' class='modify col73a4ea px12 line33 right'>修改</a>
						</div>
						<div class='clearfix sign_footer_word'>
							<div class="left word px12 remainWord">
								<label>
									<input type="checkbox" class="checkbox-simulator left" style="margin-left: -8px;margin-top: -2px" checked="checked">
									<span class="left colbababa">剩余字数：<strong style="color: #191919;"></strong></span>
									<strong class="left"></strong>
								</label>
							</div>
							<div class='right colbababa px12 consumeWord'>
								本次消耗： <strong style="color: #191919"></strong>
							</div>
						</div>
						<!-- <div class='mask_btn px12'>确认下单</div> -->
						<input type="button" value="确认下单" class="sign_btn px12" style="border: none;border-radius: 0">
					</div>
					<!-- 签约单下单 -->
					<div class='hide mask_pay_three'>
						<div class='mask_finish'>
							<img src='img/public/finish.png' class='center'/>
							<p class='center px14 colacacac line18'>下单成功</p>
						</div>
						<div class="mask_content">
							<img src="img/the-lock.png" alt="" class="left">
							<p class="left">加入音频版权保护计划</p>
							<!--<img class="left" src="img/icon-question.png" alt="" style="width: 14px;margin-top: 3px">-->
							<input type="checkbox" id="payEndd" class="chk_3" checked>
							<label class="noti-config-switch1 sm-switch1 pointer" for="payEndd" style="margin:0;float: right">
								<div class="groove1"></div>
								<div class="stick1"></div>
							</label>
						</div>
						<div class='mask_three_footer'>
							<div class='center px12 colacacac line44'>音频将发送至您指定的邮箱  也可以在我的订单中下载。</div>
							<div class='clearfix'>
								<a class='three_know left' href="order.html">知道了</a>
								<a href='order.html'>
									<p class='three_order left'>查看我的订单</p>
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		<!--透明罩子-->
		<div id="allWrapBlack" class="hide"></div>
		<!--音乐列表弹版-->
		<div id="warehouse" class="hide">
			<div id="noList" class="hide">暂无使用记录</div>
			<div class="musicNav clearfix">
				<div class="fl musicNavActive">音乐库</div>
				<div class="fl" style="margin-left: 50px">上传</div>
				<img class="fr cursor allClose" src="img/close.png" alt="">
			</div>
			<div class="allLine"></div>
			<div class="musicTab clearfix">
				<div class="intelligent fl musicTabActive">智能推荐</div>
				<div class="used fl">已使用</div>
			</div>
			<div class="musicContent">
				<ul class="musicBox1">

				</ul>
				<ul class="musicBox2">

				</ul>
			</div>
			<div class="payMoney fr clearfix">
				<p class="fl" style="margin-right: 2px">制作费用</p>
				<img class="fl" src="img/question.png" alt="" style="margin-right: 2px;display: block;">
				<p class="fl">
					<strong style="color: red;font-size: 14px">¥ 20</strong>
				</p>
			</div>
			<div id="cost-tip" class="hide" style="font-size: 13px;">
				<div style="margin: 20px 0 0 30px; font-weight: 500; ">价格说明</div>
				<div style="margin: 35px 0 0 30px; font-size: 11px;font-weight: 400;">
					包含主播专业级制作酬劳及音乐版权支出
				</div>
			</div>
			<div class="btns clearfix">
				<div class="fl custom cursor clearfix">
					<span class="fl" style="margin-left: 28px">适合<span></span> </span>
					<p class="public_dow fl" style="margin: 10px 0 0 4px"></p>
				</div>
				<div class="fr saveBtn">保存</div>
			</div>
			<div class="customTip hide">
				<ul>
					<li>讲述</li>
					<li>情感</li>
					<li>综艺</li>
					<li>新闻</li>
					<li>趣味</li>
					<li>节庆</li>
					<li>圣诞节</li>
				</ul>
			</div>
		</div>
		<div id="uploading" class="clearfix hide">
			<div class="musicNav clearfix">
				<div class="fl">音乐库</div>
				<div class="fl musicNavActive" style="margin-left: 50px">上传</div>
				<img class="fr cursor allClose" src="img/close.png" alt="">
			</div>
			<div class="allLine"></div>
			<div class="mask_midle col_bgf5" id="container" style="margin-top: 20px;margin-bottom: 10px;z-index: 3333">
				<input id='upload_music' type="file" accept="audio/mpeg">
				<span class="mask_m_up fl"></span>
				<span class="fl music_upload_text">自定义背景音乐</span>
				<span class="fr cursor" id='up_music'>点击上传</span>
				<div id="pro-bar"></div>
			</div>
			<p>配音人员将使用您提供的音乐进行制作 请提供mp3 格式 大小不超过 30M</p>
			<div class="fr saveBtn cursor" style="margin-top: 50px">保存</div>
		</div>
		<div id="saveUploadingFileName" class="hide">我能怎么办，我也很无奈。</div>
		<div id="saveUploadingFileId" class="hide">我还能怎么办，我还是很无奈。</div>
		<div class="popmask">
			<div class="fristComing">
				<p class="title">
					<img src="./img/optional/new-icon.png" class="new-icon">
					<span>新功能推荐</span>
					<img src="./img/optional/close.png" class="close">
				</p>
				<div class="recommond-img">
					<img src="./img/optional/recommond-img.png">
					<p>试听实时接单主播10秒样音</p>
					<p>选择最适合你的声音</p>
				</div>
				<div class="open-tips">
					<span>开启自选主播</span>
					<input type="checkbox" id="checkbox_c1" class="chk_1" disabled/>
					<label class="sm-switch pointer" for="checkbox_c1">
						<div class="groove"></div>
						<div class="stick"></div>
					</label>
				</div>
			</div>
		</div>
	</body>
		<script type="text/javascript">
			function GetQueryString(name){
				var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
				var r = window.location.search.substr(1).match(reg);
				if(r!=null)return  unescape(r[2]); return '';
			}
			var oderTypeUrl = GetQueryString('demand') ? GetQueryString('demand') : 1;
			if(oderTypeUrl == 1 || oderTypeUrl == 3){
				if(!localStorage.getItem('popmask')){
					localStorage.setItem('popmask', '1')
					$('.popmask').show()
					$('.open-tips .sm-switch').click(function() {
						$('.noti-config-switch.sm-switch').trigger('click')
					});
					$('.fristComing .close').click(function(){
						$('.popmask').hide()
					})
				}
			}
		</script>
		<script src="http://gosspublic.alicdn.com/aliyun-oss-sdk-4.4.4.min.js?v=optimize20180613" /></script>
		<script src="js/plupload.full.min.js?v=optimize20180613" /></script>
		<script src="js/qiniu.js?v=optimize20180613" /></script>
		<script src="js/public.js?v=optimize20180613" /></script>
		<script src='js/dialog.js?v=optimize20180613' /></script>
		<script src="js/speeDdubbing.js?v=optimize20180613" /></script>
		<script>
            // var host2 = 'http://testmedia.heardtech.com';
            var host2 = 'http://media.soundems.com';
            // 再次下单
            var apiCollect2= {
                apiPostChoseOrder2: host2 + '/Post/chosereorder'
            };
			var oid = GetQueryString("oid")
			console.log(GetQueryString("oid"))
			if( oid ){
				$.ajax({
					url: apiCollect2.apiPostChoseOrder2,
					type: 'post',
					dataType: 'json',
					data: {
						token: localStorage.getItem('token'),
						oid: oid
					},
					success: function(data){
						if(data.code == 000000){
							// 标题
							$('#document-title').val(data.data.title)
							// 正文
							$('.text-wrapper').text(data.data.content)
							// 三总配音风格
							$('.service_h_option .service_option[data-type="' + data.data.demand + '"]').trigger('click');
							// 性别
							$('.gender_wrapper input[type="radio"][value="' + data.data.sex + '"]').prop('checked', true);
							// 主播等级
							$('.footer_auther_lis .footer_li_name[data-lv="'+ data.data.level + '"]').trigger('click')
							// 语速
							if(data.data.speed == 0){
								$('.speed_wrapper #speed_normal').val(data.data.speed).trigger('click')
							}else if(data.data.speed == 1){
								$('.speed_wrapper #speed_fase').val(data.data.speed).trigger('click')
							}else{
								$('.speed_wrapper #speed_slow').val(data.data.speed).trigger('click')
							}
							// 背景音
							$('#broadcast-type-select .option[data-value="' + data.data.soundtype + '"]').trigger('click')
							$('.musicContent .musicBox1 li[data-id="' + data.data.bgmid + '"]').trigger('click')
							$('.saveBtn').trigger('click')
							// 加急
							if( data.data.demand == 2){
								$('#quik-btn').attr('checked','checked')
								console.log($('input.footer_checked').prop('checked'))
							}
							// 自选
							if(data.data.ischose == 1){
								flag = true
								$('.noti-config-switch.sm-switch').trigger('click')
							}

							orderFunc.updateHTML()
						}else{
							// headtipObj.show(data.message);
							window.location.href = './speeDdubbing.html'
						}
					},
					error: function(data){
						console.log(data.data)
					}
				})
			}

		</script>

</html>
